<div class="top_nav_box">
    <div class="container">
        <div class="row">
            <!--<div class="hidden-lg hidden-md hidden-sm col-xs-12 page_01">首页</div>-->
            <div class="hidden-lg hidden-md hidden-sm top_xinxi">
                 <a href="/user_center"><img src="../assets/image/commom/tion_3.png" alt=""></a>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2  hidden-sm hidden-xs logo">
                <div class="logo_img_01">
                  <img src="../assets/image/commom/logo_03.png" alt="">
                </div>
            </div>
            <div class="col-md-8 col-sm-12  col-xs-12 top_center">
                <div class="col-md-3 col-sm-3 col-xs-3 top_daohan_01 top_daohan_1" [class.active]="isHome">
                     <!-- <span class="col-md-6 hidden-xs tu_pn"> -->
                   <!--   <span class="col-md-4 tu_pn hidden-xs"> -->
                        <!-- <img src="../assets/image/commom/tion23_03.png" alt=""> -->
                        <i class="top-img top-img-1 hidden-xs" [class.active-img-1]="isHome"></i>
                     <!-- </span> -->
                     <span>
                        <a href="/home"  id="nav1">模板首页</a>
                     </span>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-3 top_daohan_01 top_daohan_2" [class.active]="isProject">
                   <!-- <span class="col-md-4 tu_pn hidden-xs"> -->
                       <!-- <img src="../assets/image/commom/tion_003.png" alt="" class="hidden-xs"> -->
                       <i class="top-img top-img-2 hidden-xs" [class.active-img-1]="isProject"></i>
                    <!-- </span> -->
                    <span>
                       <a href="/my_project"  class="" name="nav2">我的项目</a>
                    </span>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-3 top_daohan_01 top_daohan_3" [class.active]="isRecharge">
                    <!-- <span class="col-md-4 tu_pn hidden-xs"> -->
                       <!-- <img src="../assets/image/commom/tion12_03.png" alt=""> -->
                       <i class="top-img top-img-3 hidden-xs" [class.active-img-1]="isRecharge"></i>
                    <!-- </span> -->
                    <span>
                       <a href="/user_recharge">用户充值</a>
                    </span>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-3 top_daohan_01 top_daohan_4">
                    <!-- <span class="col-md-4 tu_pn hidden-xs"> -->
                       <!-- <img src="../assets/image/commom/tion_3.png" alt=""> -->
                       <i class="top-img top-img-4 hidden-xs"></i>
                    <!-- </span> -->
                    <span>
                       <a name="">联系我们</a>
                    </span>
                </div>
            </div>
            <div class="col-md-2 Personal_information hidden-xs hidden-sm login-out">
                <div [class.hide]="is_login">
                    <span class="login btn" [class.l_active]="loginActive">
                        <a href="/login">登录</a>
                    </span>
                    <span class="register btn" [class.l_active]="registerActive">
                        <a href="/register">注册</a>
                    </span>
                </div>
                <div [class.hide]="!is_login">
                    <a class="afterLogin" [class.active]="loginActive" href="/user_center">你好，{{login}}</a>
                    <a class="afterLogin" (click)="quit()">退出</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--手机端首页页头-->
<div class="mobile_head">
    <div class="mores hide" (click)="navShow()"  [class.homes]="homes"></div>
    <div class="title" [class.homes]="homes">首页</div>
    <div class="title" [class.object]="object">我的项目</div>
    <div class="title" [class.recharge]="recharge">用户充值</div>
    <div class="title" [class.user_page]="user">个人中心</div>
    <div class="title" [class.register]="register">用户注册</div>
    <div class="title" [class.gmes_title]="GameDetails">游戏详情</div>
    <div class="users hide" [class.homes]="homes">
        <a href="/user_center">
            <img src="../assets/image/commom/tion_4.png">
        </a>
    </div>
    <div class="hide" (click)="return()" [class.returns]="returns">
        <img src="../assets/image/commom/return.png">
    </div>
    <div class="hidden_nav">
        <div class="corner"></div>
        <ul>
            <li><img src="../assets/image/commom/1_03.png"><a href="/">模板首页</a></li>
            <li><img src="../assets/image/commom/2_03.png"><a href="/my_project">我的项目</a></li>
            <li><img src="../assets/image/commom/3_03.png"><a href="/user_recharge">用户充值</a></li>
            <li><img src="../assets/image/commom/0_03.png"><a>联系我们</a></li>
        </ul>
        <div style="clear: both"></div>
    </div>
</div>
<!--手机端页头结束-->